  /*
    地图视图
  */
  .map-view {
    height:100%;
    overflow: hidden;
    position:relative;
    width:100%;
    .btns {
      width: 100%;
      padding: 10px 27px 10px 27px;
      box-sizing: border-box;
      display: -webkit-box;
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #ccc;
      .btn-primary{
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
      }
      .btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 3px 12px;
        font-size: 14px;
        line-height: 1.428571429;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
    }
    .map-con {
      position:relative;
      width: 100%;
      height: calc(100% - 40px);
      .sw {
        padding: 8px 0 3px 30px;
        box-sizing: border-box;
      }
      .isHidden {
        display: none;
      }
      .btns{
        padding:2px 7px;
        font-size: 11px;
      }
      .view-map {
        width:75px;
        height:20px;
        position:absolute;
        left: 37px;
        top: 20px;
        z-index:5000;
        display:-webkit-flex;
        display: flex;
        flex-direction: row;
        background:white;
        border:1px solid #8ea8e0;
        border-radius: 4px;
        overflow: hidden;
        -webkit-box-shadow:2px 2px 4px #8ea8e0;  
        -moz-box-shadow:2px 2px 4px #8ea8e0;  
        box-shadow:2px 2px 4px #8ea8e0; 
        span {
          cursor:pointer;
          display:block;
          width:50%;
          height:20px;
          line-height: 20px;
          text-align: center;
          font-size:12px;
        }
      }
      .map-color{
        background:#8ea8e0;
        color:white;
        font-weight:bold;
      }
      .address-wrap {
        width:100%;
        &>div{
          width:100%;
          display:-webkit-flex;
          display: flex;
          flex-direction:row;
          &>div{
            height:40px;
            line-height:40px;
            vertical-align:middle;
            white-space:nowrap;
          }
          &:first-child {
            margin: 5px 0 10px 0;
            font-weight: bold;
          }
        }
        .info {
          margin-bottom:30px;
        }
        .common {
          margin-bottom: 15px;
        }
        .add-btn {
          display: -webkit-flex;
          display:flex;
          justify-content: center;
          &>span {
            margin-right:30px;
          }
        }
      }
      .bm-view{
        // height: calc(100% - 40px);
        height: 100%;
        .BMap_stdMpZoom{
          top: -50px
        }
        .BMap_stdMpPan{
          top:-95px
        }
        .address-wrap {
          .list{ 
            height: 35px;
            margin: 0;
          }
          .del {
            display: inline-block;
            margin-top: 10px;
            color: red;
            cursor: pointer;
          }
        }
      }
    }
    .num {
      // position: fixed;
      height:40px;
      text-align: center;
      line-height: 40px;
      z-index: 9999;
    }
  }